<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Home</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="../css/meanmenu.css">
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/responsive.css">
</head>

<body>

    <!-- Header -->
    <header class="header">
        <div class="top header__top gray-bg d-none d-md-block">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-5">
                        <div class="message--header__top">
                            <p class="message m-0 dove__gray-color">全国免费送货-所有订单金额超过$ 1000</p>
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="menu--header__top text-right">
                            <nav class="nav--top__list">
                                <ul class="list-inline">
                                    <li><a class="nav--top__link dove__gray-color text-capitalize position-relative" href="#">登录</a></li>
                                    <li><a class="nav--top__link dove__gray-color text-capitalize position-relative" href="#">注册</a></li>
                                    <li><a class="nav--top__link dove__gray-color text-capitalize position-relative" href="/product/cart">购物车</a></li>
                                    <li class="nav--top__dropdown position-relative"><a class="nav--top__link lang--top__link dove__gray-color text-capitalize position-relative" href="#">统计图表<span class="lnr lnr-chevron-down"></span></a>
                                        <ul class="dropdown-show">
                                            <li><a class="dove__gray-color text-capitalize" href="#"><span class="lang">饼图</span><span class="currency">USD</span></a></li>
                                            <li><a class="dove__gray-color text-capitalize" href="#"><span class="lang">柱状图</span><span class="currency">TAKA</span></a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="middle header__middle bg--header__middle pt-35 pb-35">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="content--header__middle d-flex align-items-center justify-content-between">
                            <div class="logo--header__middle">
                                <div class="logo">
                                    <a class="logo__link" href="index.jsp"><img src="../img/logo/h1__logo.png" alt=""></a>
                                </div>
                            </div>
                            <div class="search--header__middle h1search--header__middle">
                                <form class="search--header__form position-relative" action="#">
                                    <div class="header--search__box">
                                        <input class="header--search__query" type="text" placeholder="请输入您想要查询的产品...">
                                        <button class="header--search__btn"><i class="icofont-search-2"></i></button>
                                    </div>
                                    <div class="header--search__cate">
                                        <select name="header-search" id="header--search__main">
                                            <option value="1">分类</option>
                                            <option value="1">灯具及照明</option>
                                            <option value="1">床垫和床上用品</option>
                                            <option value="1">家具用品</option>
                                            <option value="1">展品和壁画</option>
                                        </select>
                                    </div>
                                </form>
                            </div>
                            <div class="cart--header__middle d-none d-md-block">
                                <div class="cart--header__list">
                                    <ul class="list-inline">
                                        <li><a href="#"><i class="fal fa-user-plus"></i></a></li>
                                        <li><a href="#"><i class="fal fa-heart"></i></a></li>
                                        <li><a class="mini__cart--link" href="#"><i class="fal fa-bags-shopping"><span class="cart__count">3</span></i><span class="cart__amount">$ 10000</span></a></li>
                                    </ul>
                                </div>
                                <div class="mini__cart--box">
                                    <ul>
                                        <li class="mb-20">
                                            <div class="cart-image">
                                                <a href="#"><img src="../img/allproducts/cart__thumb__1.jpg" alt=""></a>
                                            </div>
                                            <div class="cart-text">
                                                <a href="#" class="title f-400 cod__black-color">花盆</a>
                                                <span class="cart-price f-400 dusty__gray-color">2 x <span class="price f-800 cod__black-color">$ 78.00</span></span>
                                            </div>
                                            <div class="del-button">
                                                <a href="#"><i class="icofont-close-line"></i></a>
                                            </div>
                                        </li>
                                        <li class="mb-20">
                                            <div class="cart-image">
                                                <a href="#"><img src="../img/allproducts/cart__thumb__2.jpg" alt=""></a>
                                            </div>
                                            <div class="cart-text">
                                                <a href="#" class="title f-400 cod__black-color">地毯</a>
                                                <span class="cart-price f-400 dusty__gray-color">2 x <span class="price f-800 cod__black-color">$ 78.00</span></span>
                                            </div>
                                            <div class="del-button">
                                                <a href="#"><i class="icofont-close-line"></i></a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="total-text d-flex justify-content-between">
                                                <span class="f-800 cod__black-color">总价 </span>
                                                <span class="f-800 cod__black-color">$ 99.00</span>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="d-flex justify-content-between">
                                                <a href="#" class="checkout">核算</a>
                                                <a href="#" class="viewcart">查看购物车</a>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="bottom header__bottom header__bottom--border custom-header-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-5 col-10">
                       <!-- Extra shopping cart for mobile device start -->
                        <div class="cart--header__middle d-block d-md-none">
                            <div class="cart--header__list">
                                <ul class="list-inline">
                                    <li><a href="#"><i class="fal fa-user-plus"></i></a></li>
                                    <li><a href="#"><i class="fal fa-heart"></i></a></li>
                                    <li><a class="mini__cart--link" href="#"><i class="fal fa-bags-shopping"><span class="cart__count">3</span></i><span class="cart__amount">$ 3550</span></a></li>
                                </ul>
                            </div>
                            <div class="mini__cart--box">
                                <ul>
                                    <li class="mb-20">
                                        <div class="cart-image">
                                            <a href="#"><img src="../img/allproducts/cart__thumb__1.jpg" alt=""></a>
                                        </div>
                                        <div class="cart-text">
                                            <a href="#" class="title f-400 cod__black-color">花盆</a>
                                            <span class="cart-price f-400 dusty__gray-color">2 x <span class="price f-800 cod__black-color">$ 78.00</span></span>
                                        </div>
                                        <div class="del-button">
                                            <a href="#"><i class="icofont-close-line"></i></a>
                                        </div>
                                    </li>
                                    <li class="mb-20">
                                        <div class="cart-image">
                                            <a href="#"><img src="../img/allproducts/cart__thumb__2.jpg" alt=""></a>
                                        </div>
                                        <div class="cart-text">
                                            <a href="#" class="title f-400 cod__black-color">地毯</a>
                                            <span class="cart-price f-400 dusty__gray-color">2 x <span class="price f-800 cod__black-color">$ 78.00</span></span>
                                        </div>
                                        <div class="del-button">
                                            <a href="#"><i class="icofont-close-line"></i></a>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="total-text d-flex justify-content-between">
                                            <span class="f-800 cod__black-color">总价 </span>
                                            <span class="f-800 cod__black-color">$ 99.00</span>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="d-flex justify-content-between">
                                            <a href="#" class="checkout">核算</a>
                                            <a href="#" class="viewcart">查看购物车</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- Extra shopping cart for mobile device end -->
                        <div class="dept__menu position-relative d-none d-md-block">
                            <nav>
                                <ul class="dept__menu--list">
                                    <li><a class="dept__menu-mlink f-900 cod__gray-color" href="JavaScript:Void(0);">猜你想要</a>
                                        <ul class="dept__menu--dropdown open">
                                            <li class="dropdown"><a class="dept__menu--dlink" href="#">桌上用品</a>
                                                <ul class="sub__menu sub__dept--menu">
                                                    <li><a href="#">书桌</a></li>
                                                    <li class="dropdown"><a href="#">台灯</a>
                                                        <ul class="sub__menu level2">
                                                            <li><a href="#">书桌</a></li>
                                                            <li><a href="#">台灯</a></li>
                                                            <li><a href="#">设备</a></li>
                                                            <li><a href="#">桌布</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">设备</a></li>
                                                    <li><a href="#">桌子</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a class="dept__menu--dlink" href="#">床垫和床上用品</a>
                                                <ul class="sub__menu sub__dept--menu">
                                                    <li><a href="#">书桌</a></li>
                                                    <li class="dropdown"><a href="#">台灯</a>
                                                        <ul class="sub__menu level2">
                                                            <li><a href="#">书桌</a></li>
                                                            <li><a href="#">台灯</a></li>
                                                            <li><a href="#">设备</a></li>
                                                            <li><a href="#">桌布</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">设备</a></li>
                                                    <li><a href="#">桌布</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a class="dept__menu--dlink" href="#">家居用品</a>
                                                <ul class="sub__menu sub__dept--menu">
                                                    <li><a href="#">书桌</a></li>
                                                    <li class="dropdown"><a href="#">台灯</a>
                                                        <ul class="sub__menu level2">
                                                            <li><a href="#">书桌</a></li>
                                                            <li><a href="#">台灯</a></li>
                                                            <li><a href="#">设备</a></li>
                                                            <li><a href="#">桌布</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">设备</a></li>
                                                    <li><a href="#">桌布</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a class="dept__menu--dlink" href="#">家政用品</a>
                                                <ul class="sub__menu sub__dept--menu">
                                                    <li><a href="#">书桌</a></li>
                                                    <li class="dropdown"><a href="#">台灯</a>
                                                        <ul class="sub__menu level2">
                                                            <li><a href="#">书桌</a></li>
                                                            <li><a href="#">台灯</a></li>
                                                            <li><a href="#">设备</a></li>
                                                            <li><a href="#">桌布</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">设备</a></li>
                                                    <li><a href="#">桌布</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dept__menu--dlink" href="#">展品和壁画</a></li>
                                            <li><a class="dept__menu--dlink" href="#">餐饮及橱柜</a></li>
                                            <li class="dropdown"><a class="dept__menu--dlink" href="#">天花灯</a>
                                                <ul class="sub__menu sub__dept--menu">
                                                    <li><a href="#">书桌</a></li>
                                                    <li class="dropdown"><a href="#">台灯</a>
                                                        <ul class="sub__menu level2">
                                                            <li><a href="#">书桌</a></li>
                                                            <li><a href="#">台灯</a></li>
                                                            <li><a href="#">设备</a></li>
                                                            <li><a href="#">桌布</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">设备</a></li>
                                                    <li><a href="#">桌布</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown"><a class="dept__menu--dlink" href="#">节日与户外</a>
                                                <ul class="sub__menu sub__dept--menu">
                                                    <li><a href="#">书桌</a></li>
                                                    <li class="dropdown"><a href="#">台灯</a>
                                                        <ul class="sub__menu level2">
                                                            <li><a href="#">书桌</a></li>
                                                            <li><a href="#">台灯</a></li>
                                                            <li><a href="#">设备</a></li>
                                                            <li><a href="#">桌布</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">设备</a></li>
                                                    <li><a href="#">桌布</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dept__menu--dlink" href="#">床罩和床单</a></li>
                                            <li class="dropdown"><a class="dept__menu--dlink" href="#">其他分类</a>
                                                <ul class="sub__menu sub__dept--menu">
                                                    <li><a href="#">书桌</a></li>
                                                    <li class="dropdown"><a href="#">台灯</a>
                                                        <ul class="sub__menu level2">
                                                            <li><a href="#">书桌</a></li>
                                                            <li><a href="#">台灯</a></li>
                                                            <li><a href="#">设备</a></li>
                                                            <li><a href="#">桌布</a></li>
                                                        </ul>
                                                    </li>
                                                    <li><a href="#">设备</a></li>
                                                    <li><a href="#">桌布</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-xl-9 col-lg-8 col-md-7 col-2">
                        <div class="main-menu">
                            <nav id="mobile-menu">
                                <ul>
                                    <li class="dropdown-icon">
                                        <a href="index.jsp">主页</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="index.jsp">家居家具</a>
                                            </li>
                                            <li>
                                                <a href="index-2.jsp">家用电子产品</a>
                                            </li>
                                            <li>
                                                <a href="/product/index">家居时尚</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="about.html">关于我们</a>
                                    </li>
                                    <li class="mega-menu static dropdown-icon">
                                        <a href="/product/shop">商品</a>
                                        <ul class="submenu mega-full">
                                            <li>
                                                <a href="shop.jsp">类别 01</a>
                                                <ul class="submenu  level-1">
                                                    <li>
                                                        <a href="shop.jsp">家具</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">时尚</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">包包</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">皮鞋</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="shop.jsp">类别 02</a>
                                                <ul class="submenu  level-1">
                                                    <li>
                                                        <a href="shop.jsp">电子产品</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">电竞椅</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">桌子</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">书</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="shop.jsp">类别 03</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.jsp">时钟</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">手表</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">手机</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">墨镜</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li>
                                                <a href="shop.jsp">类别 04</a>
                                                <ul class="submenu">
                                                    <li>
                                                        <a href="shop.jsp">电竞椅</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">皮鞋</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">桌子</a>
                                                    </li>
                                                    <li>
                                                        <a href="shop.jsp">时钟</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-icon">
                                        <a href="#">产品细节</a>
                                        <ul class="submenu">
                                            <li>
                                                <a href="about.html">关于</a>
                                            </li>
                                            <li>
                                                <a href="contact.html">联系</a>
                                            </li>
                                            <li>
                                                <a href="product-details.jsp">产品细节</a>
                                            </li>
                                            <li>
                                                <a href="product-details2.html">产品细节</a>
                                            </li>
                                            <li>
                                                <a href="registration.html">产品细节</a>
                                            </li>
                                            <li>
                                                <a href="shop-cat-three.html">Shop 类别 01</a>
                                            </li>
                                            <li>
                                                <a href="shop-collection.html">Shop 类别 02</a>
                                            </li>
                                            <li>
                                                <a href="shop-left-sidebar.html">Shop 类别 03</a>
                                            </li>
                                            <li>
                                                <a href="shop-right-sidebar.html">Shop 类别 04</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="shop.jsp">热销商品</a>
                                    </li>
                                    <li>
                                        <a href="shop.jsp">流行商品</a>
                                    </li>
                                    <li>
                                        <a href="shop.jsp">电子产品</a>
                                    </li>
                                    <li>
                                    <li>
                                        <a href="shop.jsp">家具</a>
                                    </li>
                                    <li class="dropdown-icon">
                                        <a href="blog.html">博客</a>
                                        <ul class="submenu  level-1">
                                            <li>
                                                <a href="blog.html">博客</a>
                                            </li>
                                            <li>
                                                <a href="blog-sidebar.html">博客细节</a>
                                            </li>
                                            <li>
                                                <a href="blog-details.html">博客细节</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="mobile-menu"></div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header end /-->

    <!-- Main -->
    <main class="main--wrapper">

        <!-- hero  -->
        <section class="hero hero__area">
            <div class="hero__active slider-active">
                <div class="single__hero single-slider hero__bg pt-140 pb-120" data-background="../img/bg/h1__hero__bg.png">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-9 offset-lg-3">
                                <div class="hero__caption">
                                    <span class="offer--title__hero white-color f-800" data-animation="fadeInDown" data-delay=".2s">淡季大折扣</span>
                                    <h2 class="product--name__hero white-color f-200 mb-50" data-animation="fadeInUp" data-delay=".5s">木材 家具</h2>
                                    <p class="product--price__hero white-color mb-20" data-animation="fadeInLeft" data-delay=".7s"><span class="f-300">你想要的这里都有</span><span class="price f-800"><sup>$</sup>252.00</span></p>
                                    <a href="#" class="btn orange-bg-btn f-700" data-animation="fadeInDown" data-delay=".9s">开始购物吧</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single__hero single-slider hero__bg pt-140 pb-120" data-background="../img/bg/h1__hero__bg.png">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-9 offset-lg-3">
                                <div class="hero__caption">
                                    <span class="offer--title__hero white-color f-800" data-animation="fadeInDown" data-delay=".2s">淡季大折扣</span>
                                    <h2 class="product--name__hero white-color f-200 mb-50" data-animation="fadeInUp" data-delay=".5s">木材 家具</h2>
                                    <p class="product--price__hero white-color mb-20" data-animation="fadeInLeft" data-delay=".7s"><span class="f-300">你想要的这里都有</span><span class="price f-800"><sup>$</sup>260.00</span></p>
                                    <a href="#" class="btn orange-bg-btn f-700" data-animation="fadeInDown" data-delay=".9s">开始购物吧</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single__hero single-slider hero__bg pt-140 pb-120" data-background="../img/bg/h1__hero__bg.png">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-9 offset-lg-3">
                                <div class="hero__caption">
                                    <span class="offer--title__hero white-color f-800" data-animation="fadeInDown" data-delay=".2s">淡季大折扣</span>
                                    <h2 class="product--name__hero white-color f-200 mb-50" data-animation="fadeInUp" data-delay=".5s">木材 家具</h2>
                                    <p class="product--price__hero white-color mb-20" data-animation="fadeInLeft" data-delay=".7s"><span class="f-300">你想要的这里都有</span><span class="price f-800"><sup>$</sup>260.00</span></p>
                                    <a href="#" class="btn orange-bg-btn f-700" data-animation="fadeInDown" data-delay=".9s">开始购物吧</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="single__hero single-slider hero__bg pt-140 pb-120" data-background="../img/bg/h1__hero__bg.png">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-9 offset-lg-3">
                                <div class="hero__caption">
                                    <span class="offer--title__hero white-color f-800" data-animation="fadeInDown" data-delay=".2s">淡季大折扣</span>
                                    <h2 class="product--name__hero white-color f-200 mb-50" data-animation="fadeInUp" data-delay=".5s">木材 家具</h2>
                                    <p class="product--price__hero white-color mb-20" data-animation="fadeInLeft" data-delay=".7s"><span class="f-300">你想要的这里都有</span><span class="price f-800"><sup>$</sup>260.00</span></p>
                                    <a href="#" class="btn orange-bg-btn f-700" data-animation="fadeInDown" data-delay=".9s">开始购物吧</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- hero end -->

        <!-- what shop-max offer -->
        <section class="offer gray-bg pt-60 pb-50">
            <div class="container">
                <div class="row">
                    <div class="col-xl-6">
                        <div class="offer__section--text pt-25 mb-75">
                            <h4 class="offer-title f-800 black-color position-relative mb-40">我们提供什么？</h4>
                            <p>Lorem Ipsum只是印刷和排字行业的假文字。自从1500年代退出印刷和排字行业以来，Simply Dummy一直是该行业的标准伪文本。</p>
                        </div>
                    </div>
                    <div class="col-xl-6">
                        <div class="features mb-25">
                            <div class="row">
                                <div class="col-xl-6 col-lg-4 col-md-6">
                                    <div class="features-box d-flex align-items-center justify-content-between mb-10">
                                        <div class="features--box__text">
                                            <h5 class="f-700 pure__black-color"><a href="#">轻松免费的退货</a></h5>
                                            <p>遍及全国</p>
                                        </div>
                                        <div class="features--box__icon">
                                            <i><img src="../img/icon/money-back-gurantee.svg" alt=""></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-4 col-md-6">
                                    <div class="features-box d-flex align-items-center justify-content-between mb-10">
                                        <div class="features--box__text">
                                            <h5 class="f-700 pure__black-color"><a href="#">资金保证</a></h5>
                                            <p>信赖的保障</p>
                                        </div>
                                        <div class="features--box__icon">
                                            <i><img src="../img/icon/money-back-gurantee.svg" alt=""></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-4 col-md-6">
                                    <div class="features-box d-flex align-items-center justify-content-between mb-10">
                                        <div class="features--box__text">
                                            <h5 class="f-700 pure__black-color"><a href="#">在线需求帮助</a></h5>
                                            <p>24小时&7天在线支持</p>
                                        </div>
                                        <div class="features--box__icon">
                                            <i><img src="../img/icon/money-back-gurantee.svg" alt=""></i>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-6 col-lg-6 col-md-6 d-lg-none d-xl-block">
                                    <div class="features-box d-flex align-items-center justify-content-between mb-10">
                                        <div class="features--box__text">
                                            <h5 class="f-700 pure__black-color"><a href="#">礼品卡和优惠券</a></h5>
                                            <p>每月活动多多</p>
                                        </div>
                                        <div class="features--box__icon">
                                            <i><img src="../img/icon/money-back-gurantee.svg" alt=""></i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6">
                        <div class="offer-banner offer--banner__bg mb-30" data-background="../img/offer/offer__thumb__2.jpg">
                            <div class="offer--banner__text">
                                <span class="f-200 white-color">实木 家具</span>
                                <h4 class="white-color f-900 mb-40">40% 占比</h4>
                                <a href="shop-collection.html">查看细节<i class="icofont-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-6">
                        <div class="offer-banner offer--banner__bg mb-30" data-background="../img/offer/offer__thumb__1.jpg">
                            <div class="offer--banner__text">
                                <span class="f-200 white-color">吊顶灯</span>
                                <h4 class="white-color f-900 mb-40">50% 占比</h4>
                                <a href="shop-collection.html">查看细节<i class="icofont-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- what shop-max offer end -->

        <!-- Discover All Product  -->
        <section class="all__product pt-80 pb-20">
            <div class="all__product--nav">
                <div class="container">
                    <div class="row all__product--row align-items-center justify-content-between">
                        <div class="col-xl-9 col-md-9">
                            <div class="all__product--menu mb-30">
                                <nav>
                                    <div class="nav nav-tabs" id="nav-tab" role="tablist">
                                        <a class="nav-item nav-link active btn orange-bg-btn pure__black-color" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">热门商品</a>
                                        <a class="nav-item nav-link btn gray-bg-btn pure__black-color" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">折扣商品</a>
                                        <a class="nav-item nav-link btn gray-bg-btn pure__black-color" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">流行商品</a>
                                    </div>
                                </nav>
                            </div>
                        </div>
                        <div class="col-xl-3 col-md-3">
                            <div class="all__product--link text-right mb-30">
                                <a class="all-link" href="shop-collection.html">涵盖所有产品<span class="lnr lnr-arrow-right"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="all__product--body">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="tab-content" id="nav-tabContent">
                                <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                                    <div class="product__active owl-carousel">
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__01.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__02.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__02.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__03.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__09.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                                    <div class="product__active owl-carousel">
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__01.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__02.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__02.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__03.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__09.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                                    <div class="product__active owl-carousel">
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__01.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__02.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__02.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__03.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__single">
                                            <div class="product__box">
                                                <div class="product__thumb">
                                                    <a href="product-details.jsp" class="img-wrapper">
                                                        <img class="img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                                        <img class="img secondary-img" src="../img/allproducts/products__thumb__09.jpg" alt="">
                                                    </a>
                                                </div>
                                                <div class="product__content--top">
                                                    <span class="cate-name">SAMSUNG</span>
                                                    <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                                </div>
                                                <div class="product__content--rating d-flex justify-content-between">
                                                    <div class="rating">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="price">
                                                        <h5 class="grenadier-color f-600">$2,299.00</h5>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="product-action">
                                                <a href="#"><span class="lnr lnr-heart"></span></a>
                                                <a href="#"><span class="lnr lnr-eye"></span></a>
                                                <a href="#"><span class="lnr lnr-cart"></span></a>
                                                <a href="#"><span class="lnr lnr-sync"></span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Discover All Product end -->

        <!-- offer heading  -->
        <div class="offer__heading grenadier-bg">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="offer__heading--title text-center">
                            <p class="mb-0"><a class="white-color" href="#">不要错过我们的家具，照明和装饰
                                单件折扣70％特别优惠<strong class="f-800">‘NEW01’</strong></a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- offer heading end -->

        <!-- Top Featured Area  -->
        <div class="top__featured--area pt-80 pb-80">
            <div class="container">
                <div class="row">
                    <div class="col-xl-2">
                        <div class="top__featured--title">
                            <span class="dusty__gray-color text-uppercase">热门精选</span>
                            <h3 class="pure__black-color mb-120"><span class="f-300">发现</span> <span class="f-800">热门商品</span></h3>
                            <a class="grenadier-color" href="shop-collection.html">查看所有类别</a>
                        </div>
                    </div>
                    <div class="col-xl-10">
                        <div class="categories-active row position-relative">
                            <div class="single-categories col-sm-12">
                                <div class="categories-box position-relative">
                                    <div class="categories-thumb">
                                        <a href="#"><img class="img" src="../img/categories/cate__thumb1.jpg" alt=""></a>
                                        <h6 class="f-800 pure__black-color cate-title"><a href="#">休息舒适的椅子</a></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="single-categories col-sm-12">
                                <div class="categories-box position-relative">
                                    <div class="categories-thumb">
                                        <a href="#"><img class="img" src="../img/categories/cate__thumb2.jpg" alt=""></a>
                                        <h6 class="f-800 pure__black-color cate-title"><a href="#">枕头</a></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="single-categories col-sm-12">
                                <div class="categories-box position-relative">
                                    <div class="categories-thumb">
                                        <a href="#"><img class="img" src="../img/categories/cate__thumb3.jpg" alt=""></a>
                                        <h6 class="f-800 pure__black-color cate-title"><a href="#">实木桌子</a></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="single-categories col-sm-12">
                                <div class="categories-box position-relative">
                                    <div class="categories-thumb">
                                        <a href="#"><img class="img" src="../img/categories/cate__thumb4.jpg" alt=""></a>
                                        <h6 class="f-800 pure__black-color cate-title"><a href="#">照明或台灯</a></h6>
                                    </div>
                                </div>
                            </div>
                            <div class="single-categories col-sm-12">
                                <div class="categories-box position-relative">
                                    <div class="categories-thumb">
                                        <a href="#"><img class="img" src="../img/categories/cate__thumb2.jpg" alt=""></a>
                                        <h6 class="f-800 pure__black-color cate-title"><a href="#">照明或台灯</a></h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Top Featured Area end -->

        <!-- Weekly Deals -->
        <div class="offer-deals">
            <div class="offer--deals__main offer-deals--bg pt-75 pb-45" data-background="../img/bg/offer__deals__bg.png">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="offer--deals__tabs">
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                        <div class="row align-items-center">
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="offer--deals__title mb-30">
                                                    <h2>仅限 <span class="f-800 pure__black-color d-block">周末折扣</span></h2>
                                                    <p>快快行动HurryUp！</p>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 offset-xl-4 col-lg-6 offset-lg-2">
                                                <div class="offer--deals__products mb-30">
                                                    <div class="ratings mb-10">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="products--deals__content mb-35">
                                                        <h6 class="f-700 mb-20"><a href="#">3D木制吊顶灯
                                                            客厅</a></h6>
                                                        <span class="price-old">$2,299.00</span>
                                                        <span class="price-new f-600 grenadier-color">$2,299.00</span>
                                                    </div>
                                                    <div class="product-countdown mb-15">
                                                        <div class="time-count-deal">
                                                            <div class="countdown-list" data-countdown="2019/12/01"></div>
                                                        </div>
                                                    </div>
                                                    <div class="product--footer__deals">
                                                        <a class="add-link f-700">+ 加入购物车</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                                        <div class="row align-items-center">
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="offer--deals__title mb-30">
                                                    <h2>仅限 <span class="f-800 pure__black-color d-block">周末折扣</span></h2>
                                                    <p>快快行动HurryUp！</p>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 offset-xl-4 col-lg-6 offset-lg-2">
                                                <div class="offer--deals__products mb-30">
                                                    <div class="ratings mb-10">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="products--deals__content mb-35">
                                                        <h6 class="f-700 mb-20"><a href="#">3D木制吊顶灯
                                                            客厅</a></h6>
                                                        <span class="price-old">$2,299.00</span>
                                                        <span class="price-new f-600 grenadier-color">$2,299.00</span>
                                                    </div>
                                                    <div class="product-countdown text-right mb-15">
                                                        <div class="time-count-deal">
                                                            <div class="countdown-list" data-countdown="2019/12/01"></div>
                                                        </div>
                                                    </div>
                                                    <div class="product--footer__deals">
                                                        <a class="add-link f-700">+ 加入购物车</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                                        <div class="row align-items-center">
                                            <div class="col-xl-4 col-lg-4">
                                                <div class="offer--deals__title mb-30">
                                                    <h2>仅限 <span class="f-800 pure__black-color d-block">周末折扣</span></h2>
                                                    <p>快快行动HurryUp！</p>
                                                </div>
                                            </div>
                                            <div class="col-xl-4 offset-xl-4 col-lg-6 offset-lg-2">
                                                <div class="offer--deals__products mb-30">
                                                    <div class="ratings mb-10">
                                                        <ul class="list-inline">
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li class="rating-active"><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                            <li><i class="fas fa-star"></i></li>
                                                        </ul>
                                                    </div>
                                                    <div class="products--deals__content mb-35">
                                                        <h6 class="f-700 mb-20"><a href="#">3D木制吊顶灯
                                                            客厅</a></h6>
                                                        <span class="price-old">$2,299.00</span>
                                                        <span class="price-new f-600 grenadier-color">$2,299.00</span>
                                                    </div>
                                                    <div class="product-countdown text-right mb-15">
                                                        <div class="time-count-deal">
                                                            <div class="countdown-list" data-countdown="2019/12/01"></div>
                                                        </div>
                                                    </div>
                                                    <div class="product--footer__deals">
                                                        <a class="add-link f-700">+ 加入购物车</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="offer--deals__menu">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="deals--nav__menu">
                                <ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">游戏控制台与控制</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">微软天堂</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">智能手表交易系列</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="computer-tab" data-toggle="tab" href="#computer" role="tab" aria-selected="false">电脑与电视</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="watch-tab" data-toggle="tab" href="#watch" role="tab" aria-selected="false">智能手表交易系列2</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Weekly Deals end -->

        <!-- Product  -->
        <div class="product pt-60 fix">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-sm-6">
                        <div class="product-section mb-30">
                            <h6 class="product--section__title f-800 white-color grenadier-bg">特色物品</h6>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="all__product--link text-right mb-30">
                            <a class="all-link" href="shop-collection.html">查看所有商品<span class="lnr lnr-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <div class="product__active owl-carousel mb-20">
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__09.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__09.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__03.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__10.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__02.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__11.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="offer-banner offer--banner__bg mb-30" data-background="../img/offer/offer__thumb__3.jpg">
                            <div class="offer--banner__text">
                                <span class="f-200 white-color">学生台灯</span>
                                <h4 class="white-color f-900 mb-40">55% 占比</h4>
                                <a href="shop-collection.html">查看细节<i class="icofont-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="offer-banner offer--banner__bg mb-30" data-background="../img/offer/offer__thumb__4.jpg">
                            <div class="offer--banner__text">
                                <span class="f-200 white-color">花盆装饰</span>
                                <h4 class="white-color f-900 mb-40">75% 占比</h4>
                                <a href="shop-collection.html">查看细节<i class="icofont-long-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product end -->

        <!-- Product  -->
        <div class="product pt-50 feature-h-one">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-lg-9 col-sm-6">
                        <div class="product-section mb-30">
                            <h6 class="product--section__title f-800 white-color grenadier-bg">特色物品</h6>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="all__product--link text-right mb-30">
                            <a class="all-link" href="shop-collection.html">查看所有商品<span class="lnr lnr-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="product__single mb-30">
                            <div class="product__box featured__box--item">
                                <div class="product__thumb">
                                    <a href="product-details.jsp"><img class="img" src="../img/allproducts/products__thumb__11.jpg" alt=""></a>
                                </div>
                                <div class="product--flex__right">
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-30"><a href="product-details.jsp">无线蓝牙耳机紫色</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="product__single mb-30">
                            <div class="product__box featured__box--item">
                                <div class="product__thumb">
                                    <a href="product-details.jsp"><img class="img" src="../img/allproducts/products__thumb__13.jpg" alt=""></a>
                                </div>
                                <div class="product--flex__right">
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-30"><a href="product-details.jsp">无线蓝牙耳机
                                            紫色</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="product__single mb-30">
                            <div class="product__box featured__box--item">
                                <div class="product__thumb">
                                    <a href="product-details.jsp"><img class="img" src="../img/allproducts/products__thumb__15.jpg" alt=""></a>
                                </div>
                                <div class="product--flex__right">
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-30"><a href="product-details.jsp">无线蓝牙耳机
                                            紫色</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="product__single mb-30">
                            <div class="product__box featured__box--item">
                                <div class="product__thumb">
                                    <a href="product-details.jsp"><img class="img" src="../img/allproducts/products__thumb__12.jpg" alt=""></a>
                                </div>
                                <div class="product--flex__right">
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-30"><a href="product-details.jsp">无线蓝牙耳机
                                            紫色</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="product__single mb-30">
                            <div class="product__box featured__box--item">
                                <div class="product__thumb">
                                    <a href="product-details.jsp"><img class="img" src="../img/allproducts/products__thumb__14.jpg" alt=""></a>
                                </div>
                                <div class="product--flex__right">
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-30"><a href="product-details.jsp">无线蓝牙耳机
                                            紫色</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="product__single mb-30">
                            <div class="product__box featured__box--item">
                                <div class="product__thumb">
                                    <a href="product-details.jsp"><img class="img" src="../img/allproducts/products__thumb__16.jpg" alt=""></a>
                                </div>
                                <div class="product--flex__right">
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-30"><a href="product-details.jsp">无线蓝牙耳机
                                            紫色</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="offer-banner offer--banner__bg bg-one mb-30 mt-25">
                            <a href="#">
                                <img src="../img/offer/offer__thumb__5.jpg" class="img-fluid" alt="">
                                <div class="offer--banner__text text-one">
                                    <h4 class="f-800 white-color mb-0">淡季大折扣</h4>
                                    <h2 class="white-color f-200 mb-0">木材 家具</h2>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product end -->

        <!-- Product  -->
        <div class="product pt-50 pb-40">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-lg-9 col-sm-6">
                        <div class="product-section mb-20">
                            <h6 class="product--section__title f-800 white-color grenadier-bg">特色物品
                            </h6>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="all__product--link text-right mb-20">
                            <a class="all-link" href="shop-collection.html">查看所有商品<span class="lnr lnr-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-xl-3 d-none d-xl-block">
                        <div class="small__banner mb-30">
                            <div class="small__banner--thumb position-relative">
                                <a href="#"><img src="../img/offer/offer__small__thumb1.jpg" alt=""></a>
                                <div class="small__banner--content text-center">
                                    <span class="f-300 white-color">Table Lamp</span>
                                    <h2 class="f-800 white-color">60% 占比</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-9">
                        <div class="product__active--small owl-carousel mb-30">
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__01.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__03.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__09.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product end -->

        <!-- Product  -->
        <div class="product pb-40">
            <div class="container">
                <div class="row align-items-center justify-content-between">
                    <div class="col-lg-9 col-sm-6">
                        <div class="product-section mb-20">
                            <h6 class="product--section__title f-800 white-color grenadier-bg">特色物品
                            </h6>
                        </div>
                    </div>
                    <div class="col-lg-3 col-sm-6">
                        <div class="all__product--link text-right mb-20">
                            <a class="all-link" href="shop-collection.html">查看所有商品<span class="lnr lnr-arrow-right"></span></a>
                        </div>
                    </div>
                </div>
                <div class="row align-items-center">
                    <div class="col-xl-3 d-none d-xl-block">
                        <div class="small__banner mb-30">
                            <div class="small__banner--thumb position-relative">
                                <a href="#"><img src="../img/offer/offer__small__thumb2.jpg" alt=""></a>
                                <div class="small__banner--content text-center">
                                    <span class="f-300 white-color">Table Lamp</span>
                                    <h2 class="f-800 white-color">60% 占比</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-9">
                        <div class="product__active--small owl-carousel mb-30">
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__08.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__04.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__07.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__05.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__10.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__09.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                            <div class="product__single">
                                <div class="product__box">
                                    <div class="product__thumb">
                                        <a href="product-details.jsp" class="img-wrapper">
                                            <img class="img" src="../img/allproducts/products__thumb__11.jpg" alt="">
                                            <img class="img secondary-img" src="../img/allproducts/products__thumb__06.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="product__content--top">
                                        <span class="cate-name">SAMSUNG</span>
                                        <h6 class="product__title mine__shaft-color f-700 mb-0"><a href="product-details.jsp">小清新时钟</a></h6>
                                    </div>
                                    <div class="product__content--rating d-flex justify-content-between">
                                        <div class="rating">
                                            <ul class="list-inline">
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li class="rating-active"><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                                <li><i class="fas fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="price">
                                            <h5 class="grenadier-color f-600">$2,299.00</h5>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-action">
                                    <a href="#"><span class="lnr lnr-heart"></span></a>
                                    <a href="#"><span class="lnr lnr-eye"></span></a>
                                    <a href="#"><span class="lnr lnr-cart"></span></a>
                                    <a href="#"><span class="lnr lnr-sync"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product end -->

        <!-- Brand -->
        <div class="brand">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="brand-active">
                            <div class="single-brand">
                                <img src="../img/brand/brand-logo1.png" alt="">
                            </div>
                            <div class="single-brand">
                                <img src="../img/brand/brand-logo2.png" alt="">
                            </div>
                            <div class="single-brand">
                                <img src="../img/brand/brand-logo3.png" alt="">
                            </div>
                            <div class="single-brand">
                                <img src="../img/brand/brand-logo4.png" alt="">
                            </div>
                            <div class="single-brand">
                                <img src="../img/brand/brand-logo5.png" alt="">
                            </div>
                            <div class="single-brand">
                                <img src="../img/brand/brand-logo2.png" alt="">
                            </div>
                            <div class="single-brand">
                                <img src="../img/brand/brand-logo1.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Brand End -->

        <%@include file="../WEB-INF/footer.jsp"%>





    <!-- JS here -->
    <script src="../js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="../js/vendor/jquery-1.12.4.min.js"></script>
    <script src="../js/popper.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/owl.carousel.min.js"></script>
    <script src="../js/isotope.pkgd.min.js"></script>
    <script src="../js/one-page-nav-min.js"></script>
    <script src="../js/slick.min.js"></script>
    <script src="../js/ajax-form.js"></script>
    <script src="../js/wow.min.js"></script>
    <script src="../js/jquery.scrollUp.min.js"></script>
    <script src="../js/imagesloaded.pkgd.min.js"></script>
    <script src="../js/jquery.nice-select.min.js"></script>
    <script src="../js/jquery.magnific-popup.min.js"></script>
    <script src="../js/jquery.countdown.min.js"></script>
    <script src="../js/jquery-ui-slider-range.js"></script>
    <script src="../js/jquery.elevateZoom-3.0.8.min.js"></script>
    <script src="../js/meanmenu.min.js"></script>
    <script src="../js/Elemental.js"></script>
    <script src="../js/plugins.js"></script>
    <script src="../js/main.js"></script>
</body>

</html>